<template>
      <div class="big" >
       <top v-for="(obj,index) in list" 
        :key="obj.id"
        :name="obj.name"
        :img="obj.img" 
        :count="obj.count"
        :index="index"
        />
      </div>
      
</template>

<script>
import top from './top.vue'
export default {
     components: {
          top
        },
        data(){
            return{
                list:[
                  {id:1,
                  img:"https://www.pmdaniu.com/storages/127496/5e1a546311e3b27aa7a6b6b7fb02a8bc-57026/images/%E5%B7%A5%E4%BD%9C%E5%8F%B0/u1386.png",
                  name:"居民总数量",
                  count:"11,000"
                  },
                  {id:2,
                  img:"https://www.pmdaniu.com/storages/127496/5e1a546311e3b27aa7a6b6b7fb02a8bc-57026/images/%E5%B7%A5%E4%BD%9C%E5%8F%B0/u1367.png",
                  name:"居民签约数量",
                  count:"56,000"
                  },
                  {id:3,
                  img:"https://www.pmdaniu.com/storages/127496/5e1a546311e3b27aa7a6b6b7fb02a8bc-57026/images/%E5%B7%A5%E4%BD%9C%E5%8F%B0/u1374.png",
                  name:"待处理服务",
                  count:"600"
                  },
                  {id:4,
                  img:"https://www.pmdaniu.com/storages/127496/5e1a546311e3b27aa7a6b6b7fb02a8bc-57026/images/%E5%B7%A5%E4%BD%9C%E5%8F%B0/u1380.png",
                  name:"已完成服务量",
                  count:"8900"
                  },
                  
                ],
            }
        }
}
</script>

<style>
.big{
      width: 100%;
      height: 121px;
  }  

</style>